<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">

<!--头部-->
<head th:fragment="head(myTitle)">
    <meta charset="UTF-8">
    <!--移动端的：缩放-->
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/semantic-ui@2.4.2/dist/semantic.min.css"
          th:href="@{/css/semantic.css}">
    <link rel="stylesheet" href="../static/css/me.css" th:href="@{/css/me.css}">
    <link href="java.ico" rel="shortcut icon" type="image/x-icon" th:href="@{/images/favicon.png}"/>
    <link rel="stylesheet" href="../../static/css/me.css" th:href="@{/css/fontFooter.css}">
    <title th:text="${myTitle}">新闻详情</title>
</head>

<body>
<!--导航栏-->
<nav th:fragment="nav(choose)" class="ui inverted attached  segment m-padded-tb-mini padding-LR-zero">
    <div class="ui container">
        <div class="ui inverted secondary menu stackable">
            <!--            <h2 class="ui header item" style="padding: 0 !important"><img src=""-->
            <!--                                                                          style="width: 160px !important; margin-right: 10px"-->
            <!--                                                                          th:src="@{/images/title.png}"></h2>-->
            <a th:href="@{/}" class="mini m-item item m-mobile-hide" th:classappend="${choose == 1} ? 'active'"><i
                    class="home icon"></i>首页</a>
            <a th:href="@{/front/types/-1}" class="mini m-item item m-mobile-hide"
               th:classappend="${choose == 2} ? 'active'"><i class="idea icon"></i>分类</a>
            <a th:href="@{/front/archives}" class="mini m-item item m-mobile-hide"
               th:classappend="${choose == 4} ? 'active'"><i class="clone icon"></i>归档</a>
<!--            <a th:href="@{/front/about}" class="mini m-item item m-mobile-hide"-->
<!--               th:classappend="${choose == 5} ? 'active'"><i class="info icon"></i>关于我</a>-->

            <div class="right m-item item m-mobile-hide">
                <form name="search" th:action="@{/front/search}" method="post">
                    <div class="ui input icon">
                        <input class="search-redis" type="text" name="query" placeholder="Search..."
                               th:value="${query}">
                        <i onclick="document.forms['search'].submit()" class="search icon link "></i>
                    </div>
                </form>
            </div>
            <a th:href="@{/front/login}" target="_blank" class="mini m-item item m-mobile-hide"
               th:classappend="${choose == 6} ? 'active'"><i class="user circle icon"></i>登录</a>
        </div>
    </div>
</nav>


<!--底部footer-->
<footer th:fragment="footer" class="ui vertical inverted segment m-padded-tb-small-top footer">
</footer>

<!--引入js-->
<div th:fragment="myJs">
    <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.min.js"
            th:src="@{/js/admin/jquery.min.js}"></script>
    <script src="https://cdn.jsdelivr.net/npm/semantic-ui@2.4.2/dist/semantic.min.js"
            th:src="@{/js/semantic.js}"></script>
</div>
</body>

</html>